{strip}
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/reset_font_grid.css"/>
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/innerlayout.css"/>
<link rel="stylesheet" type="text/css" href="{$siteroot}/templates/default/style/mainlayout.css"/>

<script type="text/javascript" src="{$common_js_path}/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="{$common_js_path}/jquery.validate.min.js"></script>
<script type="text/javascript" language="javascript" src="{$siteroot}/includes/js/interest.js"></script>
{/strip}

    {literal}
    <style>
.inner_head {
    background: url(../../images/innerhd_undeline.png) no-repeat scroll left bottom transparent;
    color: #19A3DA;
    font: 20px "OpenSansRegular",Arial,Helvetica,sans-serif;
    height: 48px;
    margin-top: 20px;
    padding: 0 0 7px 25px;   
}
.blue_btn {
    background: -moz-linear-gradient(center top , #6BC3E6 0%, #1BA4DA 100%) repeat scroll 0 0 #56BAE2;
    border: 1px solid #4EB0D7;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 0 #0594CD;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    text-transform: uppercase;
	background-color:#35AEDE;
}
.blue_btn:hover {
    background: -moz-linear-gradient(center top , #1BA4DA 0%, #6BC3E6 100%) repeat scroll 0 0 #409FC4;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
}
.blue_btn a {
    color: #FFFFFF;
}
.blue_btn a:hover {
    color: #FFFFFF;
}

.add_testi_wrapper{width:480px; margin-top:20px;}
.add_testi_wrapper dl{width:100%; display:block;}
.add_testi_wrapper dl dt{width:130px; font-weight:bold; text-align:right; float:left;}
.add_testi_wrapper dl dd{width:350px; margin:0px; float:right;}
.error{color:#F00;}
</style>

    <script type="text/javascript" language="javascript">
		function limitText(limitField, limitCount, limitNum) {
		if (limitField.value.length > limitNum) {
			limitField.value = limitField.value.substring(0, limitNum);
		} else {
			limitCount.value = limitNum - limitField.value.length;
			}
		}
    </script>
    {/literal}
   
<div class="middle_portion">

  <div class="title_box">
    <h4 class="inner_head">Interested In Lead</h4>
    <p style="padding:20px;">Please enter the below text message that will be sent to the service seeker, regarding the quotation enquiry. This message, together with your contact details will be sent as a email.</p>
     <div class="clear"></div>     
    </div>                             
    
 <form name="add_forum" id="interest"  method="post" action="" enctype="multipart/form-data">   
<input type="hidden" name="jobid" id="jobid" value="{$smarty.get.id1}" />
         <div class="popup_form" >        
       
        <div class="add_testi_wrapper">
        <dl>
                <dt> Message : </dt>
                <dd>   
                <textarea name="message" id="message" rows="10" cols="80" class="tarea" style="width:300px;height:150px;" onKeyDown="limitText(this.form.message,this.form.countdown,300);" 
                onKeyUp="limitText(this.form.description,this.form.countdown,300);"></textarea> <br /><font size="1">(Maximum characters: 300)<br>
                You have <input readonly type="text" name="countdown" size="3" {if $total eq '0' || $total} value="{$total}" {else} value="300" {/if}> characters left.</font>                                
                </dd>
                <div class="clear"></div>                                        
            </dl>                             
        <dl>
            <dt>&nbsp;</dt>
            <dd>
             <input type="submit" value="Submit" name="submit" id="submit" class="blue_btn rF"  style="margin-right:175px;margin-top:10px;">
            </dd>
            <div class="clear"></div>
        </dl> 
        
        </div>       
        </div>     
        </form>
  <div class="clear"></div>
</div>
</div>   